<!--
 * @Author: gaojinyu 1593026814@qq.com
 * @Date: 2023-12-12 14:08:49
 * @LastEditors: gaojinyu 1593026814@qq.com
 * @LastEditTime: 2023-12-28 10:18:49
 * @FilePath: \smart-community\src\components\leftLayout3Rows\index.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <div class="rows3_content">
    <div class="row1">
      <component :is="PartyBuildingGuidance"></component>
    </div>
    <div class="row2">
      <slot name="center">
        <component :is="PartyMemberStructure"></component>
      </slot>
    </div>
    <div class="row3">
      <component :is="MeetLearnComp"></component>
    </div>
  </div>
</template>

<script setup>
// 党员引领
import PartyBuildingGuidance from "@/components/BussComponents/PartyBuildingGuidance.vue";
// 党员结构
import PartyMemberStructure from "@/components/BussComponents/PartyMemberStructure.vue";
// 三会一课
import MeetLearnComp from "@/components/BussComponents/MeetLearnComp.vue";
</script>

<style scoped lang="scss">
.rows3_content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  & > div {
    height: 0;
    width: 100%;
  }
  .row1 {
    flex-grow: 2.5;
  }
  .row2 {
    flex-grow: 3;
  }
  .row3 {
    flex-grow: 2;
  }
}
</style>
